<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:F="http://www.w3.org/1999/xhtml" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><h1>用户登录</h1></title>
    <style type="text/css">
        html{font-size:18px;}
        fieldset{width:550px; margin: 0 auto;}
        legend{font-weight:bold; font-size: 20px;}
        label{float:left; width:70px; margin-left:10px;}
        .left{margin-left:250px;}
        span{color:#03F;}
        #title{
            text-align:center
        }
    </style>
    <script language=JavaScript>
        function InputCheck(LoginForm)
        {
            //若用户名密码为空则返回提醒
            if (LoginForm.username.value == "")
            {
                alert("请输入用户名!");
                LoginForm.username.focus();
                return (false);
            }
            if (LoginForm.password.value == "") {
                alert("请输入密码!");
                LoginForm.password.focus();
                return (false);
            }
        }
    </script>
</head>
<body background="../../money/pic/topbg.jpg" >
    <div>
        <h1 id="title">进销存管理系统</h1>
        <h2 id="title">Invoicing  Management Systems</h2>
        <br>
        <p>
            <fieldset><!--<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。-->
                <legend>用户登录|User Login</legend><!--legend 元素为 fieldset 元素定义标题（caption）-->
                <form name="LoginForm" method="post" action="login.php" onSubmit="return InputCheck(this)">
                    <p>
                        <label for="username" class="label" >用户名:</label>
                        <input id="username" name="username" type="text" class="input" size="31"/>
                    <p/>
                    <p>
                        <label for="password" class="label">密  码:</label>
                        <input id="password" name="password" type="password" class="input" size="32"/>
                    <p/>
                    <p>
                        <label for="grant" class="label">职  位:</label>
                        <input id="grant" name="grant" type="radio" class="input" value="1" checked="checked"/>BOSS
                        <input id="grant" name="grant" type="radio" class="input" value="2" checked="checked"/>ADMIN
                    <p/>
                    <p>
                        <input type="submit" name="submit" value="  确 定  " class="left" />
                    </p>
            </form>
            </fieldset>
    </div>
</body>
</html>

